<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05溢出文本替换为省略号</title>
    <style>
        div {
            background-color: yellow;
            width: 200px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    </style>
</head>
<body>
    <div>
        lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci aliquam aspernatur atque autem blanditiis commodi consequatur consequuntur cumque delectus dicta dignissimos distinctio doloremque ducimus ea eaque earum eius eligendi enim eos esse est et eum excepturi expedita facere fuga fugiat harum hic id impedit incidunt inventore ipsa ipsum iusto laboriosam laudantium libero magnam maiores maxime minima minus molestia
    </div>
</body>
</html>